/**
* 功能描述：简单分页条样式
* @author jin xiaohang
* @date 2022/9/30 9:17
* @version 1.0
*/

@import "src/style/mixins/index";

//定义布局
@mixin simple-pagination-layout{
  box-sizing: border-box;
  margin: 0;
  padding: 0;

  //翻页键布局
  .#{$namespace}-simple-pagination-prev,.#{$namespace}-simple-pagination-next{
    line-height: 32px;
    display: inline-block;
    min-width: 32px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    margin-right: 8px;

    //按钮占位符布局
    .#{$namespace}-simple-pagination-link{
      display: block;
      height: 100%;
      text-align: center;
    }
  }

  //分页项布局
  .#{$namespace}-simple-pagination-item{
    display: inline-block;
    min-width: 32px;
    height: 32px;
    margin-right: 8px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
  }
}

//样式
@include b(simple-pagination){
  color: #000000d9;
  font-size: 14px;
  list-style: none;

  //翻页键样式
  .#{$namespace}-simple-pagination-prev,.#{$namespace}-simple-pagination-next{
    color: #000000d9;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s;
    margin-right: 8px;

    //按钮占位符布局
    .#{$namespace}-simple-pagination-link{
      font-size: 12px;
      text-align: center;
      background-color: #fff;
      border: 1px solid #d9d9d9;
      border-radius: 2px;
      outline: none;
      transition: all .3s;
    }
  }

  //分页项样式
  .#{$namespace}-simple-pagination-item{
    list-style: none;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    user-select: none;
  }

  //引用布局
  @include simple-pagination-layout;

}
